<template>
  <div>
    <h1>测试页</h1>
    {{$store.getters.token}}
    <br>
    {{$store.getters.appName}}
    <br>
    <button @click="testMutations">测试user</button>
    <button @click="settingTestMutations">测试setting</button>
  </div>
</template>

<script>
// 默认引入的是全局辅助函数
import {mapMutations} from 'vuex'
import {createNamespacedHelpers} from 'vuex'
// 如果解构时已经被占用, 可以用对象指定 key: value
// 键值对为旧变量名: 新变量名
const {mapMutations: userMapMutations} = createNamespacedHelpers('user')
export default {
  methods: {
    // 除了数组的写法, 如果想要故意改名称, 可以使用对象, 指定 key: value
    // 键值对为新变量名: 旧变量名
    ...mapMutations('setting', {
      'settingTestMutations':'testMutations'
    }),
    ...userMapMutations(['testMutations'])
  }
}
</script>

<style>

</style>